import React, { Component } from 'react'
import ListContainer from "../../components/List";
import ManufacturershowList from "../../components/List/ListComp/ManufacturershowList";
import RecommendedReq from "../../components/RecommendedReq";
import ArticleType from "../../types/ArticleType";
import DeviceKnowledgeIcon from '../../static/images/设备知识.svg'
import './Manufacturer.less'
import manufacturerIcon from '../../static/images/设备列表.svg'

export default class DeviceList extends Component {
    render() {
        return (
            <div className='frameCardWrapper'>
                <div className='flexRow'>
                    <div className="leftFrameBox">
                        <ListContainer
                            title={
                                <div className="manufacturerListTitle">
                                    <img src={manufacturerIcon} alt='manufacturerIcon' />
                                    <b>厂商列表</b>
                                </div>
                            }
                        >
                            <ManufacturershowList />
                        </ListContainer>
                    </div>
                    <div className="rightFrameBox">
                        <RecommendedReq
                            title={
                                <div className="articleListTitle">
                                    <img src={DeviceKnowledgeIcon} alt='DeviceKnowledgeIcon' />
                                    <b>设备知识</b>
                                </div>
                            }
                            recommendType={ArticleType.KNOWLEDGE} />
                    </div>
                </div>
            </div>
        )
    }
}
